﻿@model DHQGHN.PM2.Models.AreaModel

@Scripts.Render("~/bundles/jqueryval")

@Html.ValidationSummary(false)
@using (
    Html.BeginForm(
        actionName: "SuaDiaBanDT", 
        controllerName: "Area", 
        routeValues: new { }, 
        method: FormMethod.Post, 
        htmlAttributes: new { @id = "app-form", @role = "form", @style = "width: 100%;" })
    )
{

    @Html.AntiForgeryToken()
    @Html.HiddenFor(m => m.AREA_ID, new { @id = "checkAreaid" })
    @Html.HiddenFor(m => m.ADM_UNIT_ID)

    <div class="row" style="margin-top:5px;">
        <div class="col-md-3">
            @Html.Label("Đơn vị HC:", new { @class = "text-center"})
        </div>
        <div class="col-md-9">
            <div style="background-color: white; max-width: 410px; margin-left:10px;" >
                @ViewBag.ADM_UNIT
            </div>
        </div>
    </div>

    <div class="row" style="margin-top:5px;">
        <div class="col-md-3">
            @Html.Label("Mã địa bàn:", new { @class = "text-center" })
        </div>
        <div class="col-md-9">
            @Html.TextBoxFor(m => m.AREA_CODE, new { @class = "form-control  ", style = "background-color: white; max-width:410px; float:right;", @readonly = "readonly" })
        </div>
    </div>
    <div class="row" style="margin-top:5px;">
        <div class="col-md-3">
            @Html.Label("Tên địa bàn:", new { @class = "text-center" })
        </div>
        <div class="col-md-9">
            <font size="3" color="red" style="display:inline;">*</font>
            @Html.TextBoxFor(m => m.AREA_NAME, new { @class = "form-control  ", style = "background-color: white; display:inline; max-width:410px;float:right;",@id = "checkAreaNAme" })
            <span id="hienthi" style="color: red; display:none;"></span>
            <span style="color: red;">@Html.ValidationMessageFor(m => m.AREA_NAME)</span>
        </div>
    </div>
    <div class="row" style="margin-top:5px;">
        <div class="col-md-3">
            <h5>@Html.Label("Mô tả:", new { @class = "text-center" })</h5>
        </div>
        <div class="col-md-9">
            @Html.TextAreaFor(m => m.DESCRIPTIONS, new { @class = "form-control", @rows = 3, style = "background-color: white; max-width:410px; float:right;" })
            <span style="color: red;">@Html.ValidationMessageFor(m => m.DESCRIPTIONS)</span>
        </div>
    </div>
}

<script>
    @functions{
        public string GetAntiForgeryToken()
        {
            string cookieToken, formToken;
            AntiForgery.GetTokens(null, out cookieToken, out formToken);
            return cookieToken + "," + formToken;
        }
    }

    $(document).ready(function () {
        $("#checkAreaNAme").click(function () { $("#hienthi").hide(); });
    });

    var $appForm = $("#app-form");
    function EditArea() {
        if ($appForm.valid()) {
            var jsonResult;
          $.ajax({
              url: '@Url.Action("CheckForAreaName", "Area")',
              data: {
                  AREA_NAME: $('#checkAreaNAme').val(),
                  AREA_ID: $('#checkAreaid').val()
                  },
                        dataType: 'json',
                        type: 'post',
                        success: function (result) {
                            jsonResult = result;
                        },
                        complete: function () {
                            if (jsonResult == true)
                            {
                                $.ajax({
                                    url: $appForm.attr('action'),
                                    data: $appForm.serialize(),
                                    headers: {
                                        'VerificationToken': '@GetAntiForgeryToken()'
                                    },
                                    type: "POST",
                                    success: function (d) {
                                        Layout.toastr("", "Cập nhật thành công");
                                    },
                                    complete: function () {
                                        setTimeout(function () { window.location.reload(true) }, 1000);
                                    },
                                    error: function (xhr) {
                                        Layout.toastr("", "Không kết nối được đến database 63!");
                                    }
                                });
                            }
                            else
                            {
                                $("#hienthi").empty();
                                $("#hienthi").show();
                                $("#hienthi").append("Tên địa bàn đã tồn tại. Vui lòng nhập tên địa bàn khác");
                            }
                        },
                        error: function (ex) {
                            alert("Không kết nối đến DB");
                        }
                    });

        }
        else
            return false;
}

</script>
